<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path;
	request.setAttribute("basePath", basePath);
%>
<html>
<head>
<title>base</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script src="js/jquery-3.0.0.min.js" type="text/javascript"></script>
<link href="css/bootstrap.min.css" rel="stylesheet">
<script src="js/bootstrap.min.js" type="text/javascript"></script>
<link>
<!--[if lt IE 9]>
         <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
         <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->
<script type="text/javascript">
	$(function() {
		$("#ajax").on("click", function() {
			$.ajax({
				type : "post",
				url : "${basePath}/ajax.do",
				dataType : "json",
				success : function(data) {
					alert(data.name);
				},
				error : function(data) {
					alert("失败1")
				}
			});
		});
	})
</script>
</head>
<body>
	<div>
		<button id="ajax">点击</button>
	</div>
	<div class="container">
		<div class="jumbotron">
			<h1>我的第一个 Bootstrap 页面</h1>
			<p>重置窗口大小，查看响应式效果！</p>
		</div>
		<div class="row">
			<div class="col-sm-3">
				<h3>Column 1</h3>
				<p>我的第一个 Bootstrap 页面</p>
				<p>重置窗口大小，查看响应式效果！</p>
			</div>
			<div class="col-sm-3">
				<h3>Column 2</h3>
				<p>我的第一个 Bootstrap 页面</p>
				<p>重置窗口大小，查看响应式效果！</p>
			</div>
			<div class="col-sm-3">
				<h3>Column 3</h3>
				<p>我的第一个 Bootstrap 页面</p>
				<p>重置窗口大小，查看响应式效果！</p>
			</div>
		</div>
	</div>
</body>
</html>
